
/*banner*/
@media screen and (min-width: 320px) {
	.banner-min{  -webkit-background-size: cover;
	background-size: cover; padding-bottom: 20.5%; width: 100%; background-position: center center;}
}
@media screen and (min-width: 992px) {
	.banner-min{ height: 200px; padding-bottom: 0;}
}
@media screen and (min-width: 1260px) {
	.banner-min{ height: 250px;}
}
	
	
/*面包屑*/
@media screen and (min-width: 320px) {
	.dz{ display: block; line-height: 30px; padding: 7px 0; color: #999;}
	.dz a{ color: #999;}
	.dz a:hover{color: #82bf34;}
}
@media screen and (min-width: 992px) {

}

/*菜单*/
@media screen and (min-width: 320px) {
	.menu{ overflow: hidden; margin: -1px;}
	.menu li{ padding: 1px; float: left;}
	.menu li a{ display: block; background: #2db1b3; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; padding: 0 10px; line-height: 36px; color: #fff;}
	.menu li a.on,.menu li a:hover{ background: #82bf34;}
}
@media screen and (min-width: 992px) {
	.menu li a{ padding: 0 25px; line-height: 40px;}
}


/*内容盒子*/
@media screen and (min-width: 320px) {
	.content-box,.content-bd{ padding: 20px 0 0 0; color: #333;}
	.content-box *{ color: #666; font-size: 14px; line-height: 1.75 !important;}
}
@media screen and (min-width: 992px) {
	.content-box,.content-bd{ padding: 30px 0 30px 0;}
}
	
/*关于我们-公司简介*/
@media screen and (min-width: 320px) {
	.about-r img{display: none;}
	.about-tit { padding-bottom: 10px;}
	.about-tit b{ display: block; color: #82bf34; font-size: 20px;}
	.about-tit img{display: none;}
	.about-tit span{ display: block; color: #82bf34; font-size: 14px;}
	.about-r div{ background: #82bf34; margin-top: 4px; padding: 15px 20px; overflow: hidden;}
	.about-r div i{ color: #fff; padding-right: 10px; font-size: 36px; line-height: 40px; float: left;}
	.about-r div span{ color: #fff; font-size: 20px; line-height: 40px; float: left; font-weight: normal;}
}
@media screen and (min-width: 992px) {
	.about-tit{ overflow: hidden; padding-bottom: 20px;}

	.about-tit b{ float: left; line-height: 32px;font-size: 22px;}
	.about-tit img{ float: left; display: block; padding: 5px 10px;}
	.about-tit span{ float: left; line-height: 32px; font-size: 16px;}
	
	.about-box{ position: relative;}
	.about-l{ padding-right: 351px;}
	.about-r{ float: right; width: 321px; padding-left: 30px; position: absolute; top: 0; right: 0; height: 100%; border-left: solid 1px #eaeaea;}
	.about-r img{ display: block;}

}


/*关于我们-企业荣誉*/
@media screen and (min-width: 320px) {
.honor-list{ overflow: hidden; margin: -5px;}
.honor-list li{ float: left; width: 50%; padding: 5px;}
.honor-list li i{background: #f7f7f7;}
.honor-list li b{ text-align: center; font-weight: normal; color: #666; display: block; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
.honor-list li .bd{ border: solid 1px #efefef; padding: 5px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; overflow: hidden;}
.honor-list li a{ cursor: default;}
i.pic-scale-honor{}
}

@media screen and (min-width: 992px) {
	.honor-list{ margin: -10px;}
	.honor-list li{ width: 25%; padding: 10px;}
}

/*新闻中心-列表页*/
@media screen and (min-width: 320px) {
	i.pic-scale-news{ padding-bottom: 59.52%;}
	.news-t dl{ overflow: hidden;}
	.news-t dt{ overflow: hidden;	border: solid 1px #eaeaea;}
	.news-t dd{ overflow: hidden; padding-top: 5px;}
	.news-t dd b{background: #f3f3f3; display: block; padding: 10px; font-weight: normal; font-size: 16px; color: #333;}
	.news-t dd p{ margin: 5px 0; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; height: 60px; color: #333;}
	.news-t dd span{ color: #999; line-height: 30px;  padding: 0 0 5px 0; display: block;}
	.news-t dd div{ width: 100%; text-align: center; border: solid 2px #82bf34; height: 40px; line-height: 36px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; color: #82bf34;}
	.news-t a:hover dd b{ color: #82bf34;}
	.news-t a:hover dt i{ -webkit-transform: scale(1.05); transform: scale(1.05);}
	.news-t a:hover dd div{ background: #82bf34; color: #fff;}
	
	.news-list{ padding-top: 20px;}
	.news-list p{ display: none;}
	.news-list dl{ overflow: hidden; padding: 15px; border-bottom: solid 1px #e7e7e7; background: #fff;}
	.news-list dt{ width: 80px; height: 80px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; padding: 15px 0; text-align: center; background: #ecf3e3; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; float: left;}
	.news-list dt b{ color: #82bf34; font-size: 26px; display: block; padding-bottom: 5px; line-height: 26px; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.news-list dt span{ font-size: 14px; color: #82bf34; line-height: 16px;}
	.news-list dd{ overflow: hidden; padding-left: 10px;}
	.news-list dd b{ color: #333; font-weight: normal; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
	
	.news-list a:hover dl{ background: #82bf34;}
	.news-list a:hover dt{ background: #fff;}
	.news-list a:hover dd b,.news-list a:hover dd p{ color: #fff;}
}


@media screen and (min-width: 992px) {
	.news-t dt{ width: 440px; float: left;}
	.news-t dd{ padding-left: 25px;}
	
	.news-t dd{ padding-top: 0;}
	.news-t dd b{ padding: 9px 40px; text-align: center; font-size: 20px; max-height: 88px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	
	.news-t dd p{-webkit-line-clamp: 3; height: 78px;  line-height: 26px;}
	.news-t dd span{ font-size: 16px;}
	.news-t dd div{ height: 40px; line-height: 36px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; font-size: 14px; width:180px;}
	
	
	.news-list dd b{ overflow: hidden; font-size: 18px; margin-top: -5px; padding-bottom: 5px; display: block;  -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.news-list dd p{display: block; color: #666; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;max-height: 48px;}
}


@media screen and (min-width: 1260px) {
	.news-list dd b{ font-size: 20px;}
	.news-t dd b{ font-size: 20px; line-height: 40px;}
	.news-t dd p{ margin: 15px 0;}
	.news-t dd span{ padding-bottom: 14px;}
}

/*详细页*/
@media screen and (min-width: 320px) {
	.news-tit{ text-align: center; display: block; border-bottom: solid 1px #e3e8ec; font-size: 16px;  padding-bottom: 10px; margin-bottom: 10px;}
	.news-tit-l{ text-align: left;}
	.news-btn {padding: 10px 0 0 0;}
	.news-btn ul{ overflow: hidden;}
	.news-btn li{float: left; text-align: center; width: 100%; padding: 5px 0;}
	.news-btn a{ -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; line-height: 40px; background: #e9e9e9; display: block; color: #666;}
	.news-btn a:hover{background: #82bf34; color: #fff;}
}

@media screen and (min-width: 992px) {
	.news-tit{ font-size: 22px; padding-bottom: 15px; margin-bottom: 15px;}
	.news-cont{ padding: 0; margin: 0 auto;}
	
	.news-btn{ padding-top: 30px; width: 950px; margin: 0 auto;}
	.news-btn ul{ margin: 0 -5px; }
	.news-btn li{ width: 50%; padding: 0 5px;}
	.news-btn a{ line-height: 50px;}
}

/*主营业务-列表页*/
@media screen and (min-width: 320px) {
	.business-list{ overflow: hidden; margin: -5px 0;}
	.business-list li { float: left; width: 100%; padding: 5px 0;}
	.business-list li a{ -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; padding: 10px; border: solid 2px #efefef; display: block;}
	i.pic-scale-business{ padding-bottom: 72.93%;}
	.business-list dl{ overflow: hidden;}
	.business-list dt{ float: left; width: 150px; overflow: hidden;}
	.business-list dd{overflow: hidden; padding-left: 10px;}
	.business-list dd b{ font-weight: normal; font-size: 16px; color: #333; display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.business-list dd p{ max-height: 64px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; margin: 10px 0; color: #666;}
	.business-list dd span{ border: solid 1px #82bf34; height: 30px;line-height: 28px; display: inline-block; padding: 0 15px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; color: #82bf34;}
	
	.business-list a:hover b{ color: #82bf34;}
	.business-list a:hover span{ color: #fff; background: #82bf34;}
	.business-list a:hover dt i{ -webkit-transform: scale(1.05); transform: scale(1.05);}
}

@media screen and (min-width: 992px) {
	.business-list{ margin: -10px;}
	.business-list li{ width: 50%; padding: 10px;}
	.business-list dt{ width: 229px;}
	.business-list li a{padding: 20px;}
	.business-list dd b{ font-size: 22px;}
	.business-list dd{ padding-left: 20px;}
	.business-list dd p{ font-size: 14px; -webkit-line-clamp:3; max-height: 72px; margin: 5px 0 15px 0;}

}

/*--工程案例-列表--*/
@media screen and (min-width: 320px) {
	.ind-case-list-t{ height: 200px; overflow-y: scroll; margin-bottom: 15px; padding: 10px; border: solid 1px #d5d5d5;}
	.ind-case-list-t ul{ overflow: hidden; margin: -5px 0;}
	.ind-case-list-t li{ font-size: 14px; line-height: 30px; width: 100%; border-bottom: dashed 1px #d5d5d5; padding: 5px 0;}
	
	.case-list i.pic-scale-icase{ padding-bottom:75%;}
	
}
@media screen and (min-width: 992px) {
	.ind-case-list-t{ height: auto; overflow: hidden; border: none; padding: 0; padding-bottom: 20px;}
	.ind-case-list-t ul{ border-left: solid 1px #d5d5d5;}
	.ind-case-list-t li{ float: left; width: 25%; border: none; border-right: solid 1px #d5d5d5; padding: 0 15px;}
}

/*--解决方案-列表--*/
@media screen and (min-width: 320px) {
	i.pic-scale-solution{ padding-bottom: 73.81%;}
	
	.solution-list li{ border-bottom: solid 1px #e3e8ec;}
	.solution-list a{display: block;}
	.solution-list dl{ padding: 10px; overflow: hidden;}
	.solution-list dt{ float: left; width: 165px; padding-right: 15px;}
	.solution-list dt .bd{ -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; padding: 5px; background: #fff; border: solid 2px #efefef;}
	.solution-list dt .ovh{overflow: hidden;}
	.solution-list dd{ overflow: hidden;}
	.solution-list dd p{ max-height: 64px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; margin:5px 0 10px 0; color: #666;}
	.solution-list dd b{display: block; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333;}
	.solution-list dd span{ border: solid 1px #82bf34; height: 30px;line-height: 28px; display: inline-block; padding: 0 15px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; color: #82bf34;}
	
	.solution-list a:hover{ background: #82bf34;}
	.solution-list a:hover dt .solution-bd{ border-color: #fff;}
	.solution-list a:hover dt i{ -webkit-transform: scale(1.05); transform: scale(1.05);}
	.solution-list a:hover dt .bd{ border-color: #fff;}
	.solution-list a:hover dd b{ color: #fff;}
	.solution-list a:hover dd p{color: #fff;}
	.solution-list a:hover dd span{ color: #82bf34; background: #fff; border-color: #fff;}

}

@media screen and (min-width: 992px) {
	.solution-list dl{ padding: 20px;}
	.solution-list dt{ width: 286px; padding-right: 20px;}
	.solution-list dd b{ font-size: 22px;}
	.solution-list dd p{margin:  5px 0 15px 0; font-size: 14px; -webkit-line-clamp:4; max-height: 92px;}
}


/*--法律法规 -列表--*/
@media screen and (min-width: 320px) {
	.code-list hr{display: none;}
}
@media screen and (min-width: 992px) {
	.code-list{ overflow: hidden; margin: -10px;}
	.code-list li{ width: 25%; float: left; border: none; padding: 10px;}
	.code-list li a{ border: solid 2px #efefef; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
	.code-list dl{ padding: 5px;}
	.code-list dt {width: 100%; padding-right: 0; float: none;}
	.code-list dt .bd{border: none; padding: 0;}
	.code-list dd{ padding: 18px;}
	.code-list dd b{ font-size: 18px; font-weight: bold; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; height: 62px; margin-bottom: 10px;}
	.code-list hr{border: none; border-bottom: solid 1px #efefef; display: block; margin: 0; padding: 0;}
	.code-list dd p{ margin: 10px 0 15px 0; height: 92px;}
	.code-list dd span{ width: 100%; padding: 0; text-align: center;}
	
	.code-list a:hover hr{border-color: #b4d985;}

}

/*--联系我们-联系方式--*/
@media screen and (min-width: 320px) {
	.map{ overflow: hidden; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; height: 310px; border: solid 1px #efefef;}
	.contact-box dd{ padding-top: 15px;}
	.contact-box dd b{ font-size: 18px; color: #82bf34; padding-bottom: 10px; display: block;}
	.contact-box dd p,.contact-box dd a{color: #666;}
	.contact-box dd a:hover{ color: #82bf34;}
}

@media screen and (min-width: 992px) {
	.contact-box{ overflow: hidden;}
	.contact-box dt{ width: 490px; float: left;}
	.contact-box dd{ overflow: hidden; /*padding-left: 30px;*/ padding-top: 0;}
	.contact-box dd b{ font-size: 22px;}
	.contact-box dd p{ font-size: 16px;}
	
	.map{height:357px; margin-top:54px;}
}

@media screen and (min-width: 1260px) {
	.contact-box dt{ width: 740px;}
}


/*--关于我们-企业理念--*/
@media screen and (min-width: 320px) {
	.gsln-box{ background: url(../img/pic-34.jpg) right bottom no-repeat; -webkit-background-size: contain;
	background-size: contain; padding-bottom: 5rem;}
	.gsln-box b{ color: #82bf34; display: block;}
	.gsln-box p{color: #545960; margin: 0; padding: 0 1rem 0 0;}
}

@media screen and (min-width: 992px) {
	.gsln-box{ height: 460px; padding: 0;}
	.gsln-box b{ font-size: 16px; font-weight: normal;}
	.gsln-box p{ padding-bottom: 10px;}
}


/*--关于我们-产品资质--*/
@media screen and (min-width: 320px) {
	.qyzz-list{ padding: 0; margin: 0 -1rem; list-style: none;}
	.qyzz-list li{ width: 50%; padding: 0.5rem 1rem; float: left; text-align: center;}
	.qyzz-list span{display: block; text-align: center; overflow: hidden; line-height: 2rem; height: 4rem;}
	.qyzz-list img{ height: 8rem; width: auto;}
	.qyzz-list li div{ border: solid 1px #c0c0c0; text-align: center;}
	.jkjt-box{ display: block;}
}

@media screen and (min-width: 992px) {
	.qyzz-list{ margin: 0 -20px;}
	.qyzz-list li{ width: 33.333%; padding: 10px 20px; }
	.qyzz-list span{display: block; text-align: center; height: 40px; line-height: 20px; margin-top: 5px;}
	.qyzz-list img{ height: auto; width: auto; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; padding: 1px;}
	.qyzz-list li div{ border: solid 1px #c0c0c0; width: 220px; height: 200px; margin: 0 auto; position: relative;}
	.jkjt-box{ padding-left: 20px;  padding-right: 0;}
}
